﻿<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>MooTools Demos - Element.Events</title>
	<link type="text/css" rel="Stylesheet" href="elevents.css" />
</head>
<body>

<p>In below textarea you can type whatever. Typing one of listed "Magic Words" will cause Event "burn" to fire and starting an effect (see js code)</p> 
<p>Magic Words to type: <strong>hello</strong>, <strong>moo</strong>, <strong>pizza</strong>, <strong>burn</strong>,  <strong>delayed</strong> (this last one will fire after 1 second).</p> 
<div id="inner_demo"> 
	<textarea id="myTextarea" name="textarea" cols="40" rows="6">Type here...</textarea> 
</div> 
<div id="log"> 
	<!-- spacer --> 
</div>

	<script type="text/javascript" charset="utf-8" src="../../../src/loader.js"></script>
	<script type="text/javascript">		HmJS.$JSManager.$basepath = '../../../src/';</script>
	<script type="text/javascript" charset="utf-8" src="../../../src/demo/action/moo/events/elevents.js"></script>
</body>
</html>
